

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
    </head>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function(){
              $j('.check_selectHK').live('click',function(){
                        var lang= $j(this).attr("lang");
                        var boool;
                        if( $j(this).is(":checked"))
                        {
                            boool = true;
                        }
                        else
                        {
                            boool = false;
                        }
                            
                        $j.post("actionHK.jsp?action=addCusp100HK&p100="+lang+"&valueC="+boool,function(data){
                            
                        });
                    });
                    
                    $j(".checkAllHK").live("click",function(){
                       
                        flag = $j('.checkAllHK').is(':checked');
                       
                        $j(".check_selectHK").each(function(){
                            $j('.check_selectHK')  .attr('checked', flag);
                        });
                        
                        var boool;
                        if( $j(this).is(":checked"))
                        {
                            boool = true;
                        }
                        else
                        {
                            boool = false;
                        }
                        
                        $j.post("actionHK.jsp?action=addAllCusp100HK&boool="+boool,function(data){
                            
                        });

                    });
        });

    </script>
    <style type="text/css">
        #ui-datepicker-div
        {
            z-index: 9999999;
        }
        .form_item_content{
            float: left;
            margin-left: 10px;
            margin-top: 9px !important;
            width: 100%;
        }

    </style>
    <f:view>
        <h:form id="form-input-customer" >
            <body style=" float:left; width:auto; height:auto; margin:0px;">
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>

                <div class="popup" style="height:495px; width:700px">
                    <div class="popup-header">
                        <div class="title"><h:outputText value="DANH SÁCH NGƯỜI THAM GIA TOUR"/></div>
                    </div>
                    <div class="popup-content" >
                        <div class="main_content">
                            <div style="width: 100%;">
                                <div style="width:99%;float: left;padding: 5px;height: 300px;overflow: auto;">

                                    <div style="width: 100%;text-align: left;float: left;">
                                        <%-- <h:selectOneMenu style="width:100%" value="#{v180Controller.fn100}">
                                             <f:selectItems value="#{v180Controller.comboV030Tour}"/>
                                         </h:selectOneMenu> --%>
                                        <rich:dataTable value="#{v030Controller.listV030hk}" var="cus" rows="50" rowClasses="blue,white"

                                                        width="700px" columnClasses=",columns,columns,columns" rowKeyVar="row"
                                                        id="table" styleClass="machinePosDataTable">

                                            <rich:column style="width:40px; text-align:center">
                                                <f:facet name="header">
                                                     <h:selectBooleanCheckbox value="" styleClass="checkAllHK" />
                                                </f:facet>
                                                <h:selectBooleanCheckbox value="#{cus.selected}" styleClass="check_selectHK" lang="#{cus.pn100}"/>
                                            </rich:column>
                                            <rich:column style="width:120px;">
                                                <f:facet name="header">
                                                    <h:outputText value="#{locale.frist_lastname}" />
                                                </f:facet>
                                                <div style="width:120px;">
                                                    <h:panelGroup rendered="#{cus.fn600==1}"> <h:outputText style="color:#EFD007;font-weight:bold;" value="#{cus.hoten}" /></h:panelGroup>
                                                    <h:panelGroup rendered="#{cus.fn600==2}"> <h:outputText style="color:#2F3C48;font-weight:bold" value="#{cus.hoten}" /></h:panelGroup>
                                                    <h:panelGroup rendered="#{cus.fn600==3}"> <h:outputText style="font-weight:bold" value="#{cus.hoten}" /></h:panelGroup>
                                                </div>
                                            </rich:column>

                                            <rich:column width="80px">
                                                <f:facet name="header">
                                                    <h:outputText value="#{locale.identification}" />
                                                </f:facet>

                                                <div style="width:80px;">
                                                    <h:outputText value="#{cus.nv109}" />
                                                </div>
                                            </rich:column>


                                            <rich:column  width="160px">
                                                <f:facet name="header">
                                                    <h:outputText value="#{locale.email}" />
                                                </f:facet>

                                                <div style="width:160px;">
                                                    <h:outputText value="#{cus.nv105}" />
                                                </div>
                                            </rich:column>
                                            <rich:column  width="80px">
                                                <f:facet name="header">
                                                    <h:outputText value="#{locale.telephone}" />
                                                </f:facet>

                                                <div style="width:80px;">
                                                    <h:outputText value="#{cus.dt}" />
                                                </div>
                                            </rich:column>



                                            <rich:column  style="width:100px">
                                                <f:facet name="header">
                                                    <h:outputText value="#{locale.address}" />
                                                </f:facet>
                                                <div style="width:100px;">
                                                    <h:outputText value="#{cus.nv112}" />
                                                </div>

                                            </rich:column>
                                            <f:facet name="footer">

                                            </f:facet>
                                        </rich:dataTable>

                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="popup-footer">
                            <h:commandButton style="margin-right: 10px;" action="#{v180Controller.stdv_tools_inserttabv180hide}" value="#{locale.close}" styleClass="buttonsave">

                            </h:commandButton>
                            
                            <a4j:commandButton actionListener="#{v180Controller.stdv_tools_inserttabv180}" value="#{locale.save}" styleClass="buttonsave">

                            </a4j:commandButton>
                        </div>

                    </div>
                </div>
            </body>
        </h:form>
    </f:view>
</html>
<script type="text/javascript">
    $j(document).ready(function(){
        yhight = ($j('.popup').height()-90)+"px" ;
        $j('.main_content').css('height',"400px" );
        $j('.popup-content').css('height',"400px" );
    });
</script>
